
<style>
.topTipInfo{
    position: fixed;
    top: 20px;
    left: 45%;
    width: 300px;
 
    z-index: 10;
    background: rgba(51, 51, 51, 0.39);
    border: 1px solid #999;
    color: white;
    border-radius: 5px;
    box-shadow: 0px 2px 2px black;
    text-align: center;
    display:none;  
}
.topTipInfo .t_title{
       border-bottom: 1px solid rgba(153, 153, 153, 0.24);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    line-height:25px;
}
.topTipInfo .t_content{
   line-height:25px;
}
</style>
<div class="topTipInfo colorable">
<div class="t_title">提示信息</div>
<div class="t_content">操作成功</div>
<div class="t_des"></div>
</div>
<script>
  //  $(".topTipInfo").appendTo("body");
  //func 执行完成，success=false执行
  //dfunc 延时执行，等待对话框消失再执行
    function showTipInfo(msg,func,dfunc){
    	var  desc="操作失败！";
    	if(msg.success==true)
    		{
    		  desc="操作成功！";
    		  if(func)
    		     func();
    		}
 
    		$(".topTipInfo .t_content").html(desc);
    	 
    		$(".topTipInfo .t_des").html(msg.desc);
    	
    	
    	$(".topTipInfo").slideDown();
		setTimeout(function(){
			$(".topTipInfo").slideUp();	
			$(".topTipInfo .t_des").html("");
			if(dfunc)
				dfunc();
		},1000);
    }
 
</script>